<seed-content class="gray-background" [class.white-background]="!stateStore.haveData">
  <seed-toolbar-header>
    <seed-toolbar-title>课后点评</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <seed-infinite-scroll (infiniteScroll)="getLessonListForIdentityType()">
    <div class="lesson-list" *ngIf="lessons.length>0">
      <div class="list-header seed-flexbox seed-flexbox-align-center">
        <div class="header-content">
          <h2 class="text-ellipsis list-title">课程：{{lessons[0].className?lessons[0].className:lessons[0].courseName}}</h2>
          <em>课时列表（共{{dataStore.totalLessons}}课时）</em>
        </div>
      </div>
      <lesson-item *ngFor="let lesson of lessons;let i =index;" [lesson]="lesson" [index]="i" (clicked)="goToRemarkDetail(lesson)"></lesson-item>
    </div>
    <seed-default-graph *ngIf="!stateStore.haveData"
                        [text]="'暂无课时'"
                        [url]="'unifyPic'"
    ></seed-default-graph>
    <seed-infinite-scroll-content *ngIf="lessons.length>0"></seed-infinite-scroll-content>
  </seed-infinite-scroll>
</seed-content>
